<template>
   <li class="item" @click="handleClick">{{content}}</li>
</template>

<script>
export default {
     props:['content','index'],
     methods:{
     	 handleClick:function(){
     	 this.$emit('delete',this.index)
     	 }
     }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<!--//作用域，去掉scoped就是全局作用域-->
<style scoped>  
  .item{
  	color:green
  }
</style>
